CSS Margin and Padding [Designikx Tutorial]

Today’s topic is CSS Box Model – Border, Margin and Padding

What is box model?

Margin, border, padding and contents of the element are together known as the The Box Model.
We don’t have to use all of these. But its good to keep box model in mind.
The graphical representation of The Box Model is as…

CSS Gradient : How to Use

Safari, Chrome, Firefox, Opera, Internet Explorer – all major browser supports CSS Gradients. Internet Explorer doesn’t support all CSS Gradient properties. The features like gradient repeat, gradient angle, and radial gradient are not supported by Internet Explorer. It supports only horizontal and vertical linear gradient with two colors.

IE Fix – Centering Layout [Common Bug in IE]

We use the “margin:0 auto;” for centering layout which works in Firefox and Chrome well. But when it comes to IE, it shows the entire layout at left.

Display in Firefox and Chrome:

Display in Internet Explorer :

Click on “Read More” to continue…

Chapter 2 – CSS Background Properties

Background Properties
– sets color, image, repeat, attachment, and position

Learn CSS Easily (CSS Tutorial)

What is CSS?

CSS stands for Cascading Style Sheets

————————————

Why we need CSS?

CSS provides reusability,
Giving style capabilities in HTML are quite limited.
Also, with the use of an external style sheet, you are able to change you entire site style,
by only editing one single file!

————————————

Pure CSS div based form design / form layout

Pure CSS div based form design / form layout

Pure CSS div based form design / form layout